﻿body {
    background: url(../images/header-bg_csgo.jpg) no-repeat;
}

em {
    font-style: normal;
    font-weight: 400;
}

.nav-wrapper {
    background: #c7d7d0;
}

.g-header-wrapper {
    width:100%;
    padding:20px 0;
    font-size:25px;
    background: url(../images/detail-header-bg.jpg);
    color:white;
}
.g-header-wrapper .g-header {
    width:1180px;
}
.shopping-title {
    margin-top:20px;
    box-sizing:border-box;
    width:1180px;
    background: #fff;
    line-height: 40px;
    padding-left: 40px;
    color: #a4a4a4;
}
.shopping-title::before {
    content:"";
    display:block;
}
.shopping-title::after {
    content: "";
    display: block;
    clear: both;
}
label.checkbox {
    float: left;
    width: 150px;
}
.vam {
    display:inline-block;
    margin-right: 10px;
    cursor: pointer;
    border: 1px solid #888;
    float:left;
    width: 15px;
    height: 15px;
    line-height:15px;
    vertical-align: text-top;
    cursor: pointer;
    outline:none;
    position:relative;
}
    .vam.icon-gou {
        border-color: #2f343a;
        background: #2f343a;
        color: white;
        font-size: 8px;
        text-align: center;
    }
.shopping-title .vam {
    margin-top:10px;
}
.sp-item span,
.shopping-title span {
    display: inline-block;
    float: left;
    text-align: left;
    margin-left: 10px;
    padding-right: 50px;
}
    span.good {
        width:350px;
        margin-left:30px;
    }
    span.price {
        width:70px;
    }
    span.num {
        width: 70px;
    }
    span.sum {
        width: 100px;
    }
    span.del {
        width: 70px;
    }
.shopping-wrapper {
    width:1180px;
    margin-top:20px;
}
.shopping-wrapper .sp-item {
    height:100px;
    padding:20px 40px;
    background:white;
    margin-bottom:0px;
    border-bottom:1px solid black;
}
.shopping-wrapper .sp-item img {
    width:100px;
    height:100px;
    vertical-align:top;
    margin-left:5px;
    float:left;
    user-select:none;
}
    .shopping-wrapper .checkbox div {
        margin-top:40px
    }
.shopping-wrapper span.del {
    margin-right:0;
    padding:0;
    color:#888;
    cursor:pointer;
}
.shopping-wrapper span.num input{
    width:70px;
    height:30px;
    text-align:center;
    outline:none;
}
.shopping-wrapper label.checkbox {
    width: 30px;
}
.submit-good-wrapper {
    box-sizing:border-box;
    width: 1180px;
    background: white;
    margin-top: 20px;
    height: 60px;
    line-height:60px;
    padding-left:40px;
}
.submit-good-wrapper .checkbox {
    width:80px;
}
.submit-good-wrapper .checkbox div {
    margin-top: 20px;
}
.submit-good-wrapper .del-sel {
    cursor:pointer;
}
    .submit-good-wrapper button {
        border: 0;
        width: 180px;
        height: 60px;
        line-height: 60px;
        display: block;
        background: #3c1e9f;
        font-size: 18px;
        color: #fff;
        text-align: center;
        float: right;
        cursor: pointer;
        outline: none;
    }
.submit-good-wrapper .sub-sum {
    float:right;
    height:60px;
    margin-right:10px;
}
.submit-good-wrapper .sum,
.submit-good-wrapper .small {
    padding-top:4px;
    line-height:25px;
    height:25px;
}
.submit-good-wrapper .small {
    color:#888;
}
    .submit-good-wrapper .sum span:first-child {
        color: #3c1e9f;
        font-size: 18px;
        font-weight: 700;
    }
.has-no-data {
    padding-top:100px;
    height:300px;
    padding-bottom:100px;
    width:1180px;
    background:white;
    font-size:200px;
    color:#888;
    text-align:center;
}
.has-no-data div {
    font-size:15px;
}